<!DOCTYPE html>
<html>
  <head>
    <link rel="icon" type="image/png" href="icon.png">
    <title>Hash Function & Checksum</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="javascripts/jquery-1.9.1.min.js"></script>
    <link rel="stylesheet" href="stylesheets/main.css" type="text/css"/>
    <link rel="stylesheet" href="stylesheets/fonts.css" type="text/css"/>
    <script src="javascripts/base64.js"></script>
    <script src="javascripts/hexbase64.js"></script>
    <script src="javascripts/hash.js"></script>
  </head>
  <body>
    <div class="nav">
      <a href="index.html">Back</a>
    </div>
    <div class="main-title">Hash Function & Checksum</div>  
    <br/>
    <form id="hashForm">
      <table class="form">
        <tr>
          <td class="caption">Function:</td>
          <td class="data">
            <select id="algorithm" name="algorithm">
              <option value="sha1">SHA1</option>
              <option value="sha256">SHA256</option>
              <option value="sha512">SHA512</option>
              <option value="md5">MD5</option>
              <option value="crc32">CRC32</option>
              <option value="adler32">Adler32</option>
            </select>
          </td>
        </tr>
        <tr>
          <td class="caption">Data:</td>
          <td class="data">
            <textarea id="data" name="data"></textarea>
          </td>
        </tr>
        <tr>
          <td class="buttons" colspan="2">
            <input type="reset" value="Clear"/>
            <input type="submit" value="Calculate"/>
          </td>          
        </tr>

        <tr>
          <td class="caption">Hash:</td>
          <td class="data">   
            <textarea id="hash" name="hash" class="b64"></textarea>
            <br/><br/>
            Hex<br/>
            <textarea id="hashHex" class="hex"></textarea>            
          </td>
        </tr>
        <tr>
          <td colspan="2"><div class="board" id="board"></div></td>
        </tr>
      </table>
    </form>
    <br/>
    <hr/>
    <a href="hash_file.html" style="display: none">Hash a File</a>
  </body>
  <script>
    (function(i, s, o, g, r, a, m) {
      i['GoogleAnalyticsObject'] = r;
      i[r] = i[r] || function() {
        (i[r].q = i[r].q || []).push(arguments)
      }, i[r].l = 1 * new Date();
      a = s.createElement(o),
              m = s.getElementsByTagName(o)[0];
      a.async = 1;
      a.src = g;
      m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-40790107-1', 'servint.net');
    ga('send', 'pageview');

  </script>
</html>
